<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>详情页</title>
    <link rel="stylesheet" href="./css/common/reset.css">
    <link rel="stylesheet" href="./css/shoppingcart.css">
    <script src="./js/shoppingcart.js"></script>
</head>

<body>
    <div class="yincangfangdajing cleanfix  ">
       
    
    <!-- 头部 -->
    <div id="header">
        <div class="box">
            <img src="./img/logo.jpg" alt="">
            <div class="box_cn">legochina.cn</div>
            <div class="box_register">
                <span>欢迎光临</span>
                <a href="http://127.0.0.1:5500/index.html">乐购</a>
                <span> ，请登陆\</span>
                <a href="#">注册</a>
            </div>
        </div>
    </div>
    <!-- 右侧导航栏 -->
    <div id="nav" class="warp">
        <div class="gouwu">
            <div>
                <div class="car"></div>
                <div class="text1">购物车 3</div>
            </div>
            <div class="text2">我的订单</div>
        </div>
        <div class="box_top cleanfix">
            <div class="top-shuru">
                <input type="text" id="shuru" placeholder="创意文具" value="">
                <div class="fangdajing"></div>
            </div>
        </div>
        <ul class="box_btm">
            <li>图书</li>
            <li>电子书</li>
            <li>原创文学</li>
            <li>服装</li>
            <li>运动户外</li>
            <li>孕婴童</li>
            <li>家居</li>
            <li>创意文具</li>
            <li>地方特产</li>
            <li>海外购</li>
            <li>电器城</li>
        </ul>
    </div>
    <div class="content warp mg20 cleanfix">
        <div class="jiesuan">
            <div class="shangpingtext">全部商品</div>
            <div class="gouxuankuang">
                <input id="gouxuan" type="checkbox" class="all">
                <div>全选</div>
                <div>商品</div>
                <div>单价</div>
                <div>数量</div>
                <div>小计</div>
                <div>操作</div>
            </div>
        </div>
        <div class="jiagou">
            <div class="bookcontent ">
                <div>
                    <input id="jiagou" type="checkbox">
                </div>
                <div class="bookpc"></div>
                <div class="luguo">从你的全世界路过</div>

                <div class="money">41.00</div>
                <div class="jiajian">
  <div class="add">+</div>
  <div><input type="text" value="1" id="inputt"></div>
  <div class="jian">-</div>
                </div>



                <div class="money1">41.00</div>
                <div class="delete">
                    <div>删除</div>
                    <div>移到我的关注</div>
                </div>
            </div>
            <div class="bookcontent ">
                    <div>
                        <input id="jiagou" type="checkbox" >
                    </div>
                    <div class="bookpc"></div>
                    <div class="luguo">从你的全世界路过</div>
    
                    <div class="money">106.2</div>
                    <div class="jiajian">
      <div class="add">+</div>
      <div><input type="text" value="1" id="inputt"></div>
      <div class="jian">-</div>
                    </div>
    
    
    
                    <div class="money1">0.00</div>
                    <div class="delete">
                        <div>删除</div>
                        <div>移到我的关注</div>
                    </div>
                </div>
                
        </div>
<div class="qujiesuan">
    <div class="quanxuan">
<div>
    <input type="checkbox" id="gouzhong" class="all">
</div>
<div class="q">全选</div>
<div class="d">删除选中商品</div>
<div class="y">已选中<span>0</span>件商品 </div>
<div class="z">总价:
    <span>0.00</span>
 </div>

<div class="u">去结算</div>
    </div>
</div>
    </div>



    <div id="footer mg20">
        <div class="zhongjiantubiao">
            <div class="tubiao">
                <div>
                    <img src="./img/222_11.png" alt="">
                    <img src="./img/222_13.png" alt="">
                    <img src="./img/222_15.png" alt="">
                    <img src="./img/222_17.png" alt="">
                </div>

            </div>
            <div class="footers warp cleanfix">
                <div class="chengnuos">
                    <ul>
                        <li>购物指南</li>
                        <li>购物流程</li>
                        <li>发票制度</li>
                        <li>账户管理</li>
                        <li>会员优惠</li>
                    </ul>
                    <ul>
                        <li>购物指南</li>
                        <li>购物流程</li>
                        <li>发票制度</li>
                        <li>账户管理</li>
                        <li>会员优惠</li>
                    </ul>
                    <ul>
                        <li>购物指南</li>
                        <li>购物流程</li>
                        <li>发票制度</li>
                        <li>账户管理</li>
                        <li>会员优惠</li>
                    </ul>
                    <ul>
                        <li>购物指南</li>
                        <li>购物流程</li>
                        <li>发票制度</li>
                        <li>账户管理</li>
                        <li>会员优惠</li>
                    </ul>
                    <ul>
                        <li>购物指南</li>
                        <li>购物流程</li>
                        <li>发票制度</li>
                        <li>账户管理</li>
                        <li>会员优惠</li>
                    </ul>
                </div>
                <ul class="jianjie">
                    <li>公司简介</li>
                    <li>Investor Relations </li>
                    <li>网站联盟</li>
                    <li>乐购招商</li>
                    <li>机构销售</li>
                    <li>手机乐购</li>
                    <li>官方Blog</li>
                    <li>热词搜索</li>
                </ul>
                <div class="legouwang">Copyright (C) 乐购网 2004-2016, All Rights Reserved</div>
                <div class="legoulogo"></div>
            </div>

        </div>

    </div>



</body>

</html>